<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>安滨嘉苑不动产数据融合可视化系统</title>
    <!-- 引入Cesium和layui的CSS样式11 -->
    <link
      rel="stylesheet"
      href="./node_modules/cesium/Build/Cesium/Widgets/widgets.css"
    />
    <link rel="stylesheet" href="./node_modules/layui/dist/css/layui.css" />
    <!-- 引入XLSX库 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>

    <link rel="stylesheet" href="./css/index.css">
    
  </head>
    <!-- 控制面板显示/隐藏按钮 -->
    <div
      class="toggle-panel"
      onclick="toggleControlPanel()"
      title="显示/隐藏控制面板"
    >
      ⚙️
    </div>

    <!-- 数据融合控制面板 -->
    <div class="control-panel" id="controlPanel">
      <h3>🏢 数据融合控制台</h3>

      <!-- 基础功能 -->
      <div class="control-group">
        <button
          class="control-button"
          onclick="addBoxClassificationPrimitive()"
        >
          🏗️ 分层分户显示
        </button>
      </div>

      <!-- 权属数据上传 -->
      <div class="control-group">
        <h4 style="color: #4fc3f7; margin: 0 0 8px 0; font-size: 14px"
          >权属数据导入</h4
        >
        <div class="file-upload">
          <input
            type="file"
            id="excelFile"
            accept=".xls,.xlsx"
            onchange="handleExcelUpload(event)"
          />
          <label class="upload-label" for="excelFile">
            📁 上传Excel权属数据
          </label>
        </div>
        <button
          class="control-button"
          onclick="generateMockData()"
          style="background: linear-gradient(45deg, #9c27b0, #7b1fa2)"
        >
          🔄 生成模拟数据
        </button>
        <div class="status-info" id="uploadStatus">等待上传权属数据文件...</div>
      </div>

      <!-- 融合控制 -->
      <div class="control-group">
        <h4 style="color: #4fc3f7; margin: 0 0 8px 0; font-size: 14px"
          >算法执行</h4
        >
        <button
          class="control-button"
          id="fusionBtn"
          onclick="executeFusion()"
        >
          🚀 执行数据融合
        </button>
        <button class="control-button" onclick="showFusionSettings()">
          ⚙️ 融合参数设置
        </button>
      </div>

      <!-- 统计信息 -->
      <div class="control-group" id="statsGroup" style="display: none">
        <h4 style="color: #4fc3f7; margin: 0 0 8px 0; font-size: 14px"
          >融合统计</h4
        >
        <div class="fusion-stats">
          <div class="stat-item">
            <div class="stat-number" id="matchedCount">0</div>
            <div class="stat-label">匹配成功</div>
          </div>
          <div class="stat-item">
            <div class="stat-number" id="averageConfidence">0%</div>
            <div class="stat-label">平均置信度</div>
          </div>
        </div>
        <button
          class="control-button"
          onclick="exportFusionResults()"
          style="background: linear-gradient(45deg, #ff5722, #d84315)"
        >
          📥 导出结果
        </button>
      </div>
    </div>

    <div id="cesiumContainer"></div>

    <!-- 引入Cesium和layui的JavaScript库 -->
    <script src="./node_modules/cesium/Build/Cesium/Cesium.js"></script>
    <script src="./node_modules/layui/dist/layui.js"></script>
    <!-- <script src="./allList.js"></script> -->
    <!-- <script src="./common.js"></script> -->
    <script src="./js/excel-reader.js"></script>
    <script src="./js/real-fusion.js"></script>

    <script src="./js/dataSource.js" ></script>

    <script src="./js/utils.js"></script>
    <script src="./js/main.js"></script>
    
  </body>
</html>
